
/*
学习目标:使用ES6的class语法创建组件
总结：
    约定1：类组件的名称必须是大写字母开头
    
    约定2：类组件应该继承`React.Component`父类，从而可以使用父类中提供的方法或者属性
    
    约定3：类组件必须提供`render`方法，并返回组件的结构，如无需要返回的结构，返回null

定义组件
*/
import React from "react";
import ReactDOM from "react-dom";

class Hello extends React.Component {
    render() {
        return <div> 这是我的函数组件</div >
    }
}

const h1Node = (<div>
    {/* 使用上：函数式与类组件用法完全相同 */}
    <Hello></Hello>

</div>)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))